<%@page import="com.mmy.domain.line.TLineOrder"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<jsp:include page="/WEB-INF/jsp/include3.jsp"></jsp:include>
<script src="js/qn_priceCalendar.js"></script>
<script src="js/front.js"></script>
<link rel="stylesheet" href="css/qn_priceCalendar.css">
<script src="js/jsp/front/line/reserve.js"></script>
<title>线路预留信息</title>
<style>
	.totalPrice{
		border:none;
		color:#1eab3c;
		font-size:32px;	
		font-weight: 600;
	}
	.totalText{
		font-size:27px;
		font-weight: 500;
	}
	
	p{
		margin-bottom:15px;
	}
</style>
</head>
<body>

	<div id="off-canvas-container" class="off-canvas-container">
		<jsp:include page="/WEB-INF/jsp/FrontHeader.jsp"></jsp:include>
		<main class="at-padding-large-bottom">
			<article>
				<section class="container">
					<!-- ——--------------------------------------------------------------------------------------------------------- -->
					 <div class="d-flex align-items-center p-3 my-3  bg-purple rounded shadow-sm">
					    <!-- <img class="mr-3" src="../assets/brand/bootstrap-outline.svg" alt="" width="48" height="48"> -->
					    <div class="lh-100">
					      <h6 class="mb-0 lh-100">线路预订</h6>
					    </div>
					  </div>
					<!-- *********************************************************************************************************** --> 
					<div class="my-3 p-3 bg-white rounded shadow-sm">
					<textarea id="json" style="display:none"> ${json}</textarea>
					<input type="hidden" name="lineID" id="lineID" value="${iLineID}">
					
					  <div class="form-row">
					    <div class="col-md-4 mb-3">
					      <label for="reserveName">姓名</label>
					      <input type="text" class="form-control" id="reserveName"  required>
					      <div class="invalid-feedback">
					        请输入姓名！
					      </div>
					    </div>
						
					   <div class="col-md-4 mb-3">
					     <label for="reserveTel">联系方式</label>
					     <input type="text" class="form-control" id="reserveTel" required>
					     <div class="invalid-feedback">
					       请输入手机号码！
					     </div>
					   </div>
						
					    <div class="col-md-4 mb-3">
					      <label for="myCalendar">出发日期</label>
					      <input type="text" class="form-control" id="myCalendar" required>
					      <div class="invalid-feedback">
					       请选择出发日期
					      </div>
					    </div>
					   </div>
					   
					  <div class="mb-3">
					      <label for="memo">备注</label>
					      <textarea class="form-control" id="memo"></textarea>
					  </div>
					  
					  <div class="form-row">
					  		<div class="col-md-6 mb-3">
						     	<table id="standNum" class="table"></table>
						   </div>
						   
						   <div class="col-md-6 mb-3">
						   		<div style="text-align: center;padding-top:8%"><span class="totalText">总价：￥</span><input type="number" id="reservePrice" class="totalPrice" readonly></div>
						   </div>
					  </div>
					  <center><button type="button" class="btn btn-primary" onclick="submit()">立即预订</button></center>
					  
					</div>
				</section>
			</article>
		</main>
		<jsp:include page="/WEB-INF/jsp/Footer.jsp"></jsp:include>
	</div>
</body>
</html>